
<!DOCTYPE html>
<html lang="en"	 xmlns:th="http://www.thymeleaf.org">
<head>
<title>酒店房间预订</title>

<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Hotel Info Form Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Meta tag Keywords -->

<!-- css files -->
<link th:href="@{/css/orderinfostyle.css}" rel="stylesheet" type="text/css" media="all">
<link th:href="@{/css/font-awesome.css}" rel="stylesheet"> <!-- Font-Awesome-Icons-CSS -->
<!-- //css files -->

<!-- online-fonts -->
<link href="//fonts.googleapis.com/css?family=Play:400,700&amp;subset=cyrillic,cyrillic-ext,greek,latin-ext" rel="stylesheet">
<!--//online-fonts -->

<body>
<!--header-->
<div class="agileheader">
	<h1>酒店预定</h1>
</div>
<!--//header-->

<!--main-->
<div class="main-w3l">
	<div class="w3layouts-main">
		<h2>Hotel</h2>
		<h6>It's the Simple Pleasures in Life.</h6>
		<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what is looking for.</p>
		<div class="grid-icons">
			<ul>
				<li><i class="fa fa-home" aria-hidden="true"></i>Parking Lot</li>
				<li><i class="fa fa-thumbs-o-up" aria-hidden="true"></i>Private Gym with trainer</li>
				<li><i class="fa fa-star" aria-hidden="true"></i>Swimming Pool</li>
				<li><i class="fa fa-home" aria-hidden="true"></i>Restaurants & Bars</li>
				<li><i class="fa fa-heart-o" aria-hidden="true"></i>Sauna & Spa</li>
			</ul>
		</div>
	</div>
	<div class="banner-right-agile">
			<div class="banner-text">
				<h3>预订</h3>
				<form th:action="@{/userOrder/orderinfo}" method="post">
					<div class="box-body">
						<input hidden="hidden" th:value="${room.hotelId}" name="hotelId">
						<input hidden="hidden" th:value="${room.roomId}" name="roomId">
						<div class="form-group">
							<input type="text"  class="form-control" disabled="disabled" name="userName" placeholder="姓名" th:value="'用户名（UserName）              '+${session.user.userName}">
						</div>
						<div class="form-group">
							<input type="text"  class="form-control" disabled="disabled" name="userNumber" placeholder="联系方式" th:value="'联系方式（UserNumber）      '+${session.user.userNumber}">
						</div>
						<div class="form-group">
							<input type="text"  class="form-control" disabled="disabled" name="userEmail" placeholder="邮箱" th:value="'邮箱地址（UserEmail）           '+${session.user.userEmail}">
						</div>
						<div class="form-group">
							<input type="text"  class="form-control" disabled="disabled" name="hotelname" placeholder="酒店名" th:value="'酒店名（HotelName）             '+${room.hotelName}">
						</div>
						<div class="form-group">
							<input type="text"  class="form-control" disabled="disabled" name="roomType" placeholder="房间类型" th:value="'房间类型（RoomType）          '+${room.roomType}">
						</div>
						<div class="form-group">
							<input type="text"  class="form-control" disabled="disabled" name="roomPrice" placeholder="房间金额" th:value="'房间价格（RoomPrice）         '+${room.roomPrice}">
						</div>

						<input type="date"  placeholder="入住日期（check-in time）"name="orderInTime" id="date1" @blur="inputBlur($event)"@focus="inputFocus($event)"/>
						<!--<input type="date"  placeholder="离开日期（time of departure）" name="date1" @blur="inputBlur($event)"@focus="inputFocus($event)"/>-->
						<!--<div class="main-row">-->
						<!--&lt;!&ndash; <label class="input select">-->
						<!--<select name="position">-->
						<!--<option value="none" selected disabled="">性别（gender）</option>-->
						<!--<option value="male">男</option>-->
						<!--<option value="female"> 女</option>-->
						<!--</select>-->
						<!--<i></i>-->
						<!--</label> &ndash;&gt;-->
						<!--</div>-->

						<input type="submit" value="预订" onclick="show()">
					</div>
				</form>
			</div>
	</div>
	<div class="clear"></div>
</div>
<!--//main-->

<!--footer-->
<div class="footer-w3l">
	<p>&copy;</p>
</div>
<!--//footer-->
<script>
var t=document.getElementById('date');
t.onfocus=function(){
	this.removeAttribute('placeholder');
};
t.onblur=function(){
	if(this.value=='')this.setAttribute('placeholder','入住日期');
};
function show(){
	alert("预定成功!");
}

</script>

</body>
</html>